import { createRouter, createWebHistory } from 'vue-router'
import HomePage from '../components/HomePage.vue'
import SongDetailLocked from '../components/SongDetailLocked.vue'
import VipSubscription from '../components/VipSubscription.vue'
import ActivationPage from '../components/ActivationPage.vue'
import ActivatedPage from '../components/ActivatedPage.vue'
import SongRequest from '../components/SongRequest.vue'
import TutorialListPage from '../components/TutorialListPage.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: ActivationPage
  },
  {
    path: '/song-locked',
    name: 'SongDetailLocked',
    component: SongDetailLocked
  },
  {
    path: '/vip-subscription',
    name: 'VipSubscription',
    component: VipSubscription
  },
  {
    path: '/vip',
    name: 'VipPage',
    component: VipSubscription
  },
  {
    path: '/activate',
    name: 'Activation',
    component: ActivationPage
  },
  {
    path: '/activation',
    redirect: '/activate'
  },
  {
    path: '/activated',
    name: 'Activated',
    component: ActivatedPage
  },
  {
    path: '/song-request',
    name: 'SongRequest',
    component: SongRequest
  },
  {
    path: '/tutorial-list',
    name: 'TutorialList',
    component: TutorialListPage
  },
  {
    path: '/songlist',
    name: 'SongList',
    component: HomePage
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router 